<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorator="/admin/_layouts/default">
<head>
    <title>修改单位</title>
</head>
<body>
<div layout:fragment="content">
    <!-- 内容区域 -->
    <section class="content">
        <!-- Small boxes (Stat box) -->
        <div class="row">
            <div class="col-xs-12 i-navbar">
                <a class="btn btn-primary" th:href="@{/admin/system/department/index.html}" data-pjax><i
                        class="fa fa-arrow-left"></i> 返回
                </a>
            </div>
            <div class="col-xs-12">
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">修改单位信息</h3>
                    </div>
                    <!-- /.box-header -->
                    <!-- form start -->
                    <form id="systemVariableForm"
                          th:action="@{/admin/system/department/update}"
                          method="POST">
                        <input type="hidden" name="id"
                               th:value="${department.id}">
                        <div class="box-body">
                            <div class="form-group">
                                <label for="parent">上级单位</label>
                                <input type="text" class="form-control" id="parent"
                                       placeholder="不选择默认为顶级单位"
                                       th:value="${parent?.name}?:'顶级单位'"
                                       disabled="disabled">
                            </div>
                            <div class="form-group">
                                <label for="name">单位名称 <span class="i-label label-warning">必填</span></label>
                                <input class="form-control" id="name" name="name"
                                       placeholder="请输入单位名称"
                                       required
                                       th:value="${department.name}"
                                       type="text">
                            </div>
                            <div class="form-group">
                                <label for="phone">联系电话</label>
                                <input class="form-control" id="phone" name="phone"
                                       placeholder="请输入联系电话"
                                       th:value="${department.phone}"
                                       type="text">
                            </div>
                            <div class="form-group">
                                <label for="address">单位地址</label>
                                <input class="form-control" id="address" name="address"
                                       placeholder="请输入单位地址"
                                       th:value="${department.address}"
                                       type="text">
                            </div>
                            <div class="form-group">
                                <label for="description">单位描述</label>
                                <textarea class="form-control" id="description" name="description"
                                          placeholder="请输入 ..."
                                          style="resize:none"
                                          th:text="${department.description}"
                                          rows="3"></textarea>
                            </div>
                        </div>
                        <!-- /.box-body -->

                        <div class="box-footer">
                            <button class="btn btn-primary" type="submit">提交</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <!-- /.row -->
    </section>
    <!-- /内容区域 -->
    <script>
        $(function () {
            $('#systemVariableForm').ajaxForm({
                dataType: 'json',
                beforeSubmit: function (arr, form, option) {
                    form.find("button:submit").attr('disable', true);
                },
                success: function (data, statusText, xhr, form) {
                    if (data.code === 200) {
                        layer.msg(data.message, {icon: 1});
                    } else {
                        layer.msg(data.message, {icon: 2});
                    }
                    form.find("button:submit").attr('disable', false);
                }
            });
        });
    </script>
</div>
</body>
</html>
